<template>
    <div>
        <el-row style="background-color: #324057;">
            <el-col :span="8">
                <span>&nbsp</span>
            </el-col>
            <el-col :span="16">
                <el-menu theme="dark" mode="horizontal">
                    <el-menu-item index="1">处理中心</el-menu-item>
                    <el-submenu index="2">
                        <template slot="title">我的工作台</template>
                        <el-menu-item index="2-1">选项1</el-menu-item>
                        <el-menu-item index="2-2">选项2</el-menu-item>
                        <el-menu-item index="2-3">选项3</el-menu-item>
                    </el-submenu>
                    <el-menu-item index="3"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
                </el-menu>
            </el-col>
        </el-row>

        <el-row>
            <el-col :span="6">
                <sideMenu :menuitems="menus"></sideMenu>
            </el-col>
            <el-col :span="18">
                <div class="blue"></div>
            </el-col>
        </el-row>
        <el-row></el-row>
    </div>
</template>
<script>
    import SideMenu from "./menu.vue";
    export default {
        name: 'home',
        data(){
            return{
                menus:[{
                    name:"导航一",
                    children:[{
                        name:"子导航一",
                        path:"/home/1"
                    },{
                        name:"子导航二",
                        path:"/home/2"
                    }]
                },{
                    name:"导航二"
                }]
            }
        },
        components:{
            SideMenu
        }
    }
</script>

<style>
</style>